<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0, user-scalable=0">

		<title>全部订单</title>

		<link href="css/admin.css" rel="stylesheet" type="text/css">
		<link href="css/amazeui.css" rel="stylesheet" type="text/css">
		<link href="css/personal.css" rel="stylesheet" type="text/css">
		<link href="css/bilstyle.css" rel="stylesheet" type="text/css">
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
        <script src="js/common.js"></script>
		<script src="js/jquery.min.js" type="text/javascript"></script>
		<script src="js/amazeui.js"></script>

	</head>

<body>
<!-------------------------------------- 头部开始 -------------------------------------->
<div id="app">	
<top></top>
<bar></bar>
<b class="line"></b>
<!-------------------------------------- 头部结束 -------------------------------------->

<!-------------------------------------- 内容开始 -------------------------------------->

		<div class="center">
			<div class="col-main">
				<div class="main-wrap">
<!--------------------------------------标题开始 -------------------------------------->
					<div class="am-cf am-padding">
						<div class="am-fl am-cf"><strong class="am-text-danger am-text-lg">全部订单</strong> / <small>all billils</small></div>
					</div>
					<hr>
<!-------------------------------------- 标题结束 -------------------------------------->
<!---------------------------------------订单-时间-开始---------------------------------->
					<div class="order-time">
						<label class="form-label">完成时间：</label>
						<div class="show-input">
							<select class="am-selected" >
							
								<option value="today">今天</option>
								<option value="sevenDays" selected="">最近一周</option>
								<option value="oneMonth">最近一个月</option>
								<option value="threeMonths">最近三个月</option>
								
							</select>
						</div>
                          <div class="clear"></div>
					</div>

					<table width="100%">
               
<!---------------------------------------订单-时间-结束---------------------------------->

<!---------------------------------------订单-顶部标签-开始------------------------------->
						<thead>
							<tr>
								<th class="memo">订单状态</th>
								
								<th class="time">创建时间</th>
								
								<th class="name">订单地址</th>
								
								<th class="amount">订单金额</th>
								
								<th class="action">操作</th>
								
							</tr>
						</thead>
                       
                        <hr>
 <!---------------------------------------订单-顶部标签-结束------------------------------->                        
                        
						<tbody>
<!---------------------------------------订单-顶部循环表单-------------------------------->
							<tr>
<!---------------------------------------订单图片（固定）---------------------------------->
				                <td class="amount">
									<center>已完成</center>
								</td>
<!---------------------------------------订单时间--------------------------------------->
								<td class="time">
									<p> 2016-01-28
									</p>
									<p class="text-muted"> 10:58
									</p>
								</td>
<!---------------------------------------订单地址--------------------------------------->
								<td class="title name">
									<p class="content">
										青岛市<!--市级联动-->
										市南区<!--区级联动-->
										中联广场B1楼302<!--详细地址-->
									</p>
								</td>
<!---------------------------------------订单金额--------------------------------------->
								<td class="amount">
									<span class="amount-pay">￥ 11.90</span>
								</td>
<!---------------------------------------订单操作--------------------------------------->
								<td class="operation">
									<a  href="detailed.html">详情</a>
								</td>
							</tr>
						</tbody>
					</table>
				
										
					
				</div>
<!-------------------------------------- 内容结束 -------------------------------------->
<!-------------------------------------- 尾部开始 -------------------------------------->
<end></end>
</div>
<!-------------------------------------- 尾部结束 -------------------------------------->
			
<!-------------------------------------- 侧边导航栏开始 -------------------------------------->
        							
			<aside class="menu">
				<ul>
					<li class="person">
						<a href="index.html"><font size="5px">个人中心</font></a>
					</li>
					<li class="person">
						<ul>
							<li> <a href="Phone.html">电话修改</a></li>
							<li>  <a href="bonus.html">安全设置</a></li>
						</ul>
					</li>
				    <li class="person">
						<a href="Snatching.html"><font size="5px">抢单</font></a>
						
					</li>
					<li class="person">
						<a><font size="5px">当前订单</font></a>
						<ul>
							<li><a href="news.html">订单信息</a></li>
							<li> <a href="buass.html">信息确定</a></li>
							<li> <a href="affirm.html">确定上门</a></li>
							<li> <a href="refund.html">上传信息</a></li>
						</ul>
					</li>
					<li class="person">
						<a href="billist.html"><font size="5px">全部订单</font></a>
						<ul>
							<li> <a href="accomplish.html">已完成 </a></li>
							<li> <a href="rough.html">未完成</a></li>
							<li> <a href="assess.html">待评价</a></li>
						</ul>
					</li>

					<li class="person">
						<a><font size="5px">系统设置</font></a>
						<ul>
							
							<li> <a href="#">主题</a></li>
							<li> <a href="#">设置</a></li>
						</ul>
					</li>

				</ul>
			</aside>
			</div>
        </div>
<!-------------------------------------- 侧边导航栏结束 -------------------------------------->
	</body>
</html>



<script>

var app = new Vue({
    el:"#app",
    data:{
        admin:{},
        message:''
    },
 
});
</script>


